import ProCard from '@ant-design/pro-card';
import { useEffect, useState } from 'react';

import { Input, Button } from 'antd';

import { getSetting } from '../../../services/ant-design-pro/api'

const database_son = () => {
    let [sdata, setsdata] = useState<any>([]);
    useEffect(() => {
        getSetting().then(res => {
            console.log(res.seoKeyword);
            console.log(res);

            setsdata(res);
        })
    }, [])

    return (
        <div>
            {/* 数据统计 */}
            <ProCard direction="column" ghost gutter={[0, 8]}>
                <p>数据统计</p>
                <Input placeholder="请输入百度统计 id" style={{ width: '1100px' }} value={sdata.baiduAnalyticsId} />
                <p style={{ margin: '25px 0px 15px 0px' }}>谷歌分析</p>
                <Input placeholder="请输入谷歌分析 id" style={{ width: '1100px' }} value={sdata.googleAnalyticsId} />
                <Button key="3" type="primary" style={{ margin: '35px 0px 15px 0px' }}>
                    保存
                </Button>
            </ProCard>
        </div>
    )
}
export default database_son